@media (max-width:1200px){
}
@media screen and (min-width:992px) and (max-width:1199px){
}
@media (max-width:1000px){
}
@media (max-width:992px){
}
@media (max-width:768px){
}
@media (max-width:650px){
}
@media (max-width:375px){
}
/* Media Queries - Small Tablet (from 480px to 799px)*/
@media screen and (min-width:480px) and (max-width:799px){
}
/* Media Queries - Desktop up from 800px */
@media screen and (min-width:0px) and (max-width:479px){
  .app-header{
    .app-header-main{
      display:block;
      text-align:center;
    }
    .app-header-navbar{
      height:auto;
      padding:10px 0 20px 0;
    }
    .app-header-main{
      .app-header-logo{
        display:block;
        width:100%;
        min-width:100%;
        text-align:center;
        margin-bottom:10px;
      }
    }
  }
  .app-admin-body{
    margin-bottom:20px;
  }
  .app-page-search{
    padding-left:0.4rem;
    .article-tags{
      display:block;
      .el-radio-button{
        margin-bottom:0.8rem;
      }
    }
    .el-form-item{
      padding:1rem 0 0 1.2rem;
    }
    .el-input{
      width:15rem;
    }
  }
  .app-footer{
    .nav{
      display:inline-block;
    }
    .container{
      display:block;
      text-align:center;
      line-height:40px;
    }
    .app-footer-logo,
    .domain{
      display:none;
    }
    .copyright{
      padding:.5rem 0 1rem 0;
    }
  }
  .app-version-radio{
    margin-top:0.8rem;
  }
  .app-share-bar{
    display:none;
  }
  .app-page-detail{
    .ant-layout.ant-layout-has-sider{
      flex-direction: column;
      > .ant-layout-content{
        width:100%;
      }
    }
    .app-detail-header{
      margin-bottom:.5rem;
    }
    .ant-layout-content{
      padding:10px 0 0 0;
    }
    .ant-layout-sider{
      width:100% !important;
      max-width:100% !important;
    }
  }
  .app-page-about{
    .app-about-body{
      display:block;
      padding-top:0;
      .img{
        padding:2rem 0;
        margin-right:0;
        text-align:center;
      }
      .about-main{
        margin-left:0;
      }
    }
  }
  .app-home-hero{
    .container{
      display:block;
      text-align:center;
      .main{
        width:100%;
        margin-left:0;
      }
    }
    .actions,.tagline{
      display:none;
    }
    .image{
      padding-top:1.2rem;
    }
  }
  .admin-btn{
    display:none;
  }
  .app-page-banner{
    height:10rem;
  }
  .app-page-search{
    .ant-radio-group{
      margin-right:0 !important;
      .ant-radio-button-wrapper{
        margin-bottom:10px;
      }
    }
  }
  .app-search-title-for{
    .ant-input-group-wrapper{
      width:23rem !important;
    }
  }
}
